// 头部导航标签
<template>
  <div class="menu-item">
    <router-link :to="item.topath" tag="div" class="item">
      <i class="iconfont" :class="item.iconName"></i>
    </router-link>
  </div>
</template>

<script>

export default {
  name: 'sv-menu',
  props: {
    item: Object,
  },
};
</script>

<style lang="scss" scoped>
.menu-item {
  .item {
    color: rgb(209, 212, 220);
    padding: 0 50px;
    font-size: 25px;
    &.router-link-active {
      color: rgb(204, 126, 93);
    }
  }
}
</style>
